{include file="header.html"}

{include file="title.html"}

<style>
    .coupon_view{background: #fff;}
    .coupon_view h3{text-align: center;margin-top: 10px;}
    .coupon_view .coupon_info{margin:10px;line-height: 24px;padding: 20px;}
    .coupon_view .content{margin: 10px 0;}
    .coupon_view img{width: 100%;}
</style>

<script>
    function add_coupon(coupon_id){
        <!--{if !$visitor.user_id}-->
        alert(lang.login_please);
        return;
        <!--{/if}-->
        var url = SITE_URL + '/index.php?app=my_coupon&act=add';
            $.getJSON(url, {'coupon_id': coupon_id}, function (data) {
            if (data.done)
            {
                alert(data.retval);
            }
            else
            {
                alert(data.msg);
            }
        });
    }
</script>
<div class="coupon_view">

    <!--{if $coupon.coupon_bg}-->
    <img src="{$site_url}/{$coupon.coupon_bg}" width="100%" />
    <!--{/if}-->
    
    <div class="coupon_info">
        {$lang.coupon_name}：{$coupon.coupon_name|escape}<br/>
        {$lang.period_of_validity}：{$coupon.start_time|date:Y-m-d}{$lang.zhi}{$coupon.end_time|date:Y-m-d}<br/>
        {$lang.use_times}：<span style="color:#de2b2c;font-weight:bolder; font-family:verdana;">{$coupon.use_times|escape}</span><br/>
        {$lang.minimum_charge}：<span style="color:#de2b2c;font-weight:bolder; font-family:verdana;">{$coupon.min_amount|price}</span><br/>
        {$lang.claimed}：<span style="color:#de2b2c;font-weight:bolder; font-family:verdana;">{$coupon.hava_received|default:0}</span><br/>
        {$lang.unclaim}：<span style="color:#de2b2c;font-weight:bolder; font-family:verdana;">{$coupon.not_received|default:0}</span><br/>
        {$lang.extend_store}：<a href="{url app=store&id=$store.store_id}">{$store.store_name|escape}</a><br/>
        <input onclick="add_coupon({$coupon.coupon_id})" value="{$lang.claim}" name="Submit" type="button" class=" red_btn" >
        <div class="content">
            {$coupon.content|escape:editor}
        </div>
    </div>

    
    <style>
#mcover {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);display: none;z-index: 20000;}
#mcover img {position: fixed;right: 18px;top: 5px;width: 260px!important;height: 180px!important;z-index: 20001;}
.text {margin: 15px 0;font-size: 14px;word-wrap: break-word;color: #727272;}
#mess_share {margin: 15px 0;display: block;}
#share_1{float: left;width: 49%;display: block;}
#share_2 {float: right;width: 49%;display: block;}
.clr {display: block;clear: both;height: 0;overflow: hidden;}
.button2 {font-size: 16px;padding: 8px 0;border: 1px solid #adadab;color: #000000;background-color: #e8e8e8;background-image: linear-gradient(to top, #dbdbdb, #f4f4f4);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45), inset 0 1px 1px #efefef;text-shadow: 0.5px 0.5px 1px #fff;text-align: center;border-radius: 3px;width: 100%;}
#mess_share img {width: 22px!important;height: 22px!important;vertical-align: top;border: 0;}
    </style>
    <div class="text" id="content">
        <div id="mess_share">
            <div id="share_1">
                <button class="button2" onclick="document.getElementById('mcover').style.display='block';">
                    <img src="{res file=images/icon_msg.png}" width="64" height="64" />
                    &nbsp;{$lang.send_friend}
                </button>
            </div>
            <div id="share_2">
                <button class="button2" onclick="document.getElementById('mcover').style.display='block';">
                    <img src="{res file=images/icon_timeline.png}" width="64" height="64" />
                    &nbsp;{$lang.Share_friends}
                </button>
            </div>
            <div class="clr"></div>
        </div>
    </div>
    <div id="mcover" onclick="document.getElementById('mcover').style.display='';" style="display:none;">
        <img src="{res file=images/guide.png}" />
    </div>
</div>
<script>
$(function(){

                $(".content img").each(function(){
                var img_src=$(this).attr("src");
                $(this).attr("src",img_src.replace("./data","{$site_url}/data"));
})
})
</script>

{include file="footer.html"}